Flop.js is a scratch-style rendering library. It is made to create a link between scratch and js. It uses html
canvas elements to implement projects. There are two main libraries in flop:
flop-vm and
flop-render.
flop-vm processes all the data, positions and provides user functions such as
moveSteps(10); and
setCostume().
flop-render takes the data from
flop-vm, and fittingly, renders it. It uses
scratch-render as a dependecy, and passes the values from
flop-vm into it. It also handles the
renderLoop which is system which sets up a re-render every frame.
Flop.js is an asynchronous library, which means, you have to use
await and
async
with your code.
Tutorial